@charset "UTF-8";

#blog {
    width: auto;
    height: 800px;
    border: 2px solid #ccc;
    font-size: 12px;
}
#blog h2 {
    text-indent: 0;
    text-align: center;
}
#blog dl {
    width: 150px;
    float: left;
    margin:10px 0 0 32px;
}
#blog dl dt {
    width:150px;
    margin:0 0 5px 0;
}
#blog dl dt img {
    margin:0 auto;
    display: block;
}
#blog dl dd {
    height:20px;
    line-height: 20px;
    text-align: center;
    width:75px;
    float: left;
}
#blog dl dd a{
    text-decoration: none;
    color: #333;
}
#blog dl dd.user {
    width: 150px;
    float: none;
    color: #f60;
}
#blog dl dd.message {
    background: url("../../images/x1.gif") no-repeat 5px 35%;
}
#blog dl dd.friend {
    background: url("../../images/x2.gif") no-repeat left 35%;
}
#blog dl dd.guest {
    background: url("../../images/x3.gif") no-repeat 5px 35%;
}
#blog dl dd.flower {
    background: url("../../images/x4.gif") no-repeat left 35%;
}